<template>
  <div class="home">
    <MyHeader></MyHeader>
    <!-- <Carousel style="height: 300px"></Carousel>
    <Search></Search> -->

    <router-view></router-view>

    <MyFooter></MyFooter>

  </div>
</template>

<script>
import MyHeader from "./MyHeader.vue";
import MyMain from "./MyMain.vue";
import MyFooter from "./MyFooter.vue";
import UserInfo from '@/pages/user/UserInfo.vue'
import Carousel from "@/components/Carousel.vue";
import Search from './Search.vue';


export default {
  name: "Home",
  components: {
    MyMain,
    MyHeader,
    MyFooter,
    UserInfo,
    Carousel,
    Search
  },
};
</script>

<style>

</style>


